<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>献金</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <link rel="stylesheet" href="../../b2c/lib/js/weui/jquery-weui.css">
    <link rel="stylesheet" href="../../b2c/lib/css/weui.css">

    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <script src="../../b2c/lib/js/weui/jquery-weui.min.js"></script>
    <!-- 引入common -->
    <script src="../../b2c/lib/js/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <!--引入对应的css样式-->
    <link rel="stylesheet" href="../../b2c/css/person/xianghong.css">
</head>
<body style="background-color:#fff">
<div id="xianghong">
    <div class="income_wrap">
        <!--收益-->
        <div class="incomes">
            <div class="ytdIncome income">
                <p>昨日收益(元)</p>
                <span v-cloak>{{userYestodayFee |price }}</span>

            </div>
            <div class="myallIncome">

                <div>
                <p v-cloak>累计收益(元): {{userTotalFee |price}}</p>
                </div>
                <div>
                <p v-cloak>我的献金数(份): {{userNum}}</p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <!--献金-->
        <ul class="xianghong">

            <li class="clearfix">
                <div class="fl">
                    <p v-cloak>{{platformYestodayFee1000 | price}}</p>
                    <p>昨日每万份献金净值</p>
                </div>
                <!--<span class="linear"></span>-->
                <div class="fr">
                    <p v-cloak>{{platformNum}}</p>
                    <p>平台总献金数</p>
                </div>
            </li>

        </ul>
    </div>
    <!--收益记录-->
    <div class="recordsWarp">

        <div class="records_tab flex">
            <a class="textshow  external" href="javascript:;">收益记录</a>
            <a class="external" href="javascript:;">份额记录</a>

        </div>
        <div class="tab_box">
            <div class="tab_1 contentshow">
                <ul class="income_record">
                    <!--<p>收益记录(元)</p>-->
                    <li v-for="(item,index) in earningCords" v-if="earningCords.length!=0">
                        <span class="time" v-text="item.updateTime"></span>
                        <span class="money" :class="{add:item.type=='+'}" v-if="item.type=='+'" v-cloak>+{{item.money}}</span>
                        <span class="money" :class="{minus:item.type=='-'}" v-if="item.type=='-'" v-cloak>-{{item.money}}</span>
                    </li>
                </ul>
                <div class="noData" style="background-color:#fff" v-if="earningCords.length==0">
                    <img src="../../b2c/images/person/erro_zanwuxinxi@2x.png" alt="">
                    <p>抱歉,暂无任何数据</p>
                </div>
            </div>

            <div class="tab_2">
                <ul class="income_record">
                    <!--<p>收益记录(元)</p>-->
                    <li v-for="(item,index) in shareCords" v-if="shareCords.length!=0">
                        <span class="time" v-text="item.updateTime"></span>
                        <span class="type" v-cloak>{{item.comment}}</span>
                        <span class="money" :class="{add:item.type=='+'}" v-if="item.type=='+'" v-cloak>+{{item.num}}</span>
                        <span class="money" :class="{minus:item.type=='-'}" v-if="item.type=='-'" v-cloak>-{{item.num}}</span>
                    </li>
                </ul>
                <!--<div class="noData" style="background-color:#fff" v-if="shareCords.length==0">-->
                    <!--<img src="../../b2c/images/person/erro_zanwuxinxi@2x.png" alt="">-->
                    <!--<p>抱歉,暂无任何数据</p>-->
                <!--</div>-->
            </div>


        </div>
        <!--正在加载-->
        <div class="weui-infinite-scroll-box loading">
            <div class="weui-infinite-scroll">
                <div class="infinite-preloader">

                </div>
                <img src="/b2c/images/dongtai.gif" alt="">
                正在加载...
            </div>
        </div>
        <!--正在加载-->



    </div>


    <div class="operateBtns clearfix">
        <div class="rolloutBtn fl ">
            献金转出
        </div>
        <div class="cashBtn fr" onclick="toCash()">
            提现
        </div>
    </div>
    <!--献金转出操作-->
    <div class="rolloutOpe">
       <a href="explain.html"><img src="/b2c/images/person/tishi.png" alt="">转出说明</a>
        <div class="tel inputBox">
            <input type="text" name="tel" v-model="tel" readonly>
        </div>
        <div class="code inputBox clearfix">
            <input type="number" name="code" placeholder="输入验证码" id="code-id">
            <span class="fr" id="send-code-id">发送验证码</span>
        </div>
        <div class="num inputBox">
            <input type="number" name="num" placeholder="请输入数量"    id="outNum">
        </div>

        <div class="confirmBtn">
            确认转出
        </div>
    </div>


    <!--未注册app提示-->
    <div class="prompt">
        <img src="/b2c/images/person/tishi.png" alt="">
        <p>您的账号未在app注册过,不可执行转出操作</p>
        <a href="javascript:void(0)" onclick="jumpToApp()">前往下载并注册!</a>

    </div>
    <!--遮罩-->
    <div id="fullbg" onclick="closeRollout()"></div>
</div>

</body>
<script src="../../b2c/lib/js/ui.js"></script>
<script src="../../b2c/js/person/xianghong.js"></script>
</html>